/**
 * 购物车页面
 * @description Hope You Do Good But Not Evil
 * @copyright   Copyright 2014-2015 <ycchen@iwshop.cn>
 * @license     LGPL (http://www.gnu.org/licenses/lgpl.html)
 * @author      Chenyong Cai <ycchen@iwshop.cn>
 * @package     Wshop
 * @link        http://www.iwshop.cn
*/
@import "base_class.less";
@import "base_product_counter.less";
@import "base_topnav.less";
@import "base_form.less";

body {
	background: #f7f7f7;
}

// 收货地址
#express_address {
	display: block;
	position: relative;
	color: #222;
	padding: 25px 15px;
	min-height: 48px;
	background: url(../images/icon/iconfont-right-40x.png) 97% center no-repeat #fff;
	background-image: -webkit-image-set(url(../images/icon/iconfont-right-40x.png) 1x, url(../images/icon/iconfont-right-80x.png) 2x);
	.boxShadow(0.05, 1px, 1px, 2px);
	background-size: 40px;
	padding-right: 55px;
	// 点击提示
	#wrp-btn {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		font-size: 15px;
		color: #3fae38;
		line-height: 98px;
	}
	.express-person-info {
		font-size: 15px;
	}
	.express-address-info {
		color: #666;
		line-height: 22px;
		margin-top: 5px;
		font-size: 12px;
	}
	#express-person-phone {
		font-size: 14px;
		padding-left: 10px;
		font-family: Verdana;
	}
	#express-name {
		font-size: 16px;
	}
}

#express-bar {
	height: 4px;
	background: url(../images/icon/od-exp-bh.png) left center repeat-x #fff;
}

// end 收货地址

// 订单列表
#orderDetailsWrapper {
	background: #fff;
	.boxShadow(0.05, 1px, 1px, 2px);
	border-top: 1px solid #eee;
	padding: 10px 5px;
	min-height: 111px;
	#cartnothing {
		text-align: center;
		padding-top: 90px;
		line-height: 85px;
		height: 60px;
		color: #888;
		font-size: 14px;
		background: url(../images/shopcart.png) center 17% no-repeat #fff;
		background-size: 100px 100px;
	}
}

.orderDetails {
	margin-bottom: 8px;
}

.orderDetails:last-child {
	margin-bottom: 0;
}

#orderDetailsWrapper .cartListDesc .title {
	height: 42px;
	line-height: 21px;
}

#orderDetailsWrapper .cartListDesc .count {
	font-size: 12px;
	margin-top: 8px;
}

// 订单列表 item
.cartListWrap {
	position: relative;
	margin: 5px;
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #dedede;
	animation-duration: 2s; //动画持续时间
	img {
		width: 100px;
		height: 100px;
		display: block;
		float: left;
		margin-top: 4px;
		.border(1px, #eee);
		border-radius: 5px;
	}
	.cartListDesc {
		height: 107px;
		position: relative;
		margin-left: 95px;
		padding-left: 15px;

		.title {
			font-size: 14px;
			color: #444a4d;
			text-shadow: 0 0 #eee;
			word-wrap: break-word;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.spec {
			height: 21px;
			line-height: 21px;
			font-size: 12px;
			margin-right: 10px;
			max-width: 50%;
			color: #888;
		}
		.pd-dsc {
			margin-top: 8px;
		}
		.prices {
			font-size: 12px;
			margin-top: 5px;
		}
		.info {
			margin-top: 5px;
			font-size: 12px;
			color: #919296;
			text-shadow: 0 0 #eee;
		}
		p {
			margin: 0;
			padding: 0;
		}
		.cartDelbtn {
			background: url(../images/icon/iconfont-iconremovesign-20x.png) center no-repeat;
			background-size: 20px;
			height: 20px;
			width: 20px;
			position: absolute;
			right: 0;
			bottom: 2px;
		}
	}
	&:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
}

#balanceTip{
	display: none;
}

.cart-tip {
	margin: 0;
	padding: 10px;
	color: #ff5500;
}

#orderSummay {
	margin-top: 10px;
	font-size: 14px;
	line-height: 30px;
	padding: 10px 15px;
	text-align: left;
	padding-top: 0;
}

#orderSummay .prices {
	font-size: 16px;
}

// 选项
.envsItem, .reciItem {
	padding-left: 10px;
	background: #fff;
	position: relative;
	span {
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid #eee;
	}
	i {
		display: block;
		position: absolute;
		right: 10px;
		top: 10px;
		background-image: url(../images/iconfont-radiounchecked.png);
		background-image: -webkit-image-set(url(../images/iconfont-radiounchecked.png) 1x, url(../images/iconfont-radiounchecked-64.png) 2x);
		background-position: center;
		background-repeat: no-repeat;
		height: 32px;
		width: 32px;
		&.checked {
			background: url(../images/iconfont-radio-checked.png) center no-repeat;
			background-image: url(../images/iconfont-radio-checked.png);
			background-image: -webkit-image-set(url(../images/iconfont-radio-checked.png) 1x, url(../images/iconfont-radio-checked-64.png) 2x);
		}
	}
	&:last-child {
		span {
			border-bottom: 1px solid #fff;
		}
	}
}

.font13 {
	font-size: 13px !important;
}

#wechat-payment-btn, #wechat-reqpay-btn {
	margin: 0 10px;
	padding: 9px 0;
}

#wechat-payment-btn.disable, #wechat-reqpay-btn.disable {
	.backG(#ddd);
}

#wechat-reqpay-btn {
	margin-top: 10px;
}

#userWra {
	position: relative;
	background: #fff;
	padding-top: 30px;
	height: 50px;
}

#userHeadwra {
	position: relative;
	background: rgba(255, 255, 255, .5);
	padding: 5px;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top: -55px;
	border-radius: 100px;
	.userHead {
		border-radius: 100px;
		display: block;
		margin: 0 auto;
		border: 1px solid #eee;
		.boxShadow();
		transition: all .3s ease-in-out;
		transform: scale(0) rotate(50deg);
		&.active {
			transform: scale(1) rotate(0deg);
		}
	}

}

#reqinfo {
	margin-top: 10px;
	p {
		text-align: center;
	}
	#wechat-payment-btn {
		width: 200px;
		margin: 20px auto;
	}
}

#reqProcess {
	height: 10px;
	background: #fff;
	margin-top: 7px;
	.borderRadius(5px);
	#reqProcessBar {
		.borderRadius(5px);
		height: 10px;
		background: #3fae38;
		width: 100%;
	}
}

#reqPercent {
	padding: 20px 0;
	margin: 0;
	line-height: 20px;
	font-family: Verdana;
	font-size: 40px;
}

.reqAmount {
	margin: 0 auto;
	text-align: center;
	margin-top: 15px;
	.reqAmountBtn {
		font-size: 14px;
		display: inline-block;
		background: #fff;
		padding: 5px 7px;
		border: 1px solid #eee;
		&.hov {
			border: 1px solid #ff5500;
			color: #ff5500;
		}
	}
}

#userReciInfo {
	background: #fff;
}

#reciWrap {
	display: none;
	padding: 10px;
	padding-top: 0;
}

.pdInfo {
	font-size: 12px;
	margin: 0 10px;
	background: #fff;
	border: 1px solid #eee;
	padding: 7px;
	.borderRadius(8px);
	overflow: hidden;
	p {
		text-align: left;
		padding: 0;
		background: #fff;
		margin: 0;
	}
}

.pinfo {
	position: relative;
	border-bottom: 1px dashed #eee;
	margin-bottom: 7px;
	&:last-child {
		margin-bottom: 0;
		border: none;
	}
	img {
		.borderRadius(50px);
		float: left;
	}
	a {
		font-size: 12px;
		display: block;
		line-height: 16px;
		height: 32px;
		overflow: hidden;
		color: #666;
	}
	.r {
		margin-left: 60px;
	}
	i {
		position: absolute;
		top: 0;
		right: 0;
		font-style: normal;
		font-size: 12px;
		color: #777;
	}
}

header.serialCaption {
	margin: 0 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 26px;
	position: relative;
	text-align: center;
	span {
		font-size: 14px;
		position: relative;
		display: inline-block;
		background: #f7f7f7;
		padding: 0 10px;
		color: #444;
		z-index: 1;
		a {
			color: #fff !important;
		}
	}
	&:after {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		height: 1px;
		background: #dedede;
	}
}

#order_success {
	background: #FF9000;
	padding: 20px;
	img {
		float: left;
		display: block;
	}
	.desc {
		line-height: 20px;
		margin-left: 80px;
		color: #fff;
		height: 60px;
	}
}

#order_success_addr {
	.backG();
	padding: 20px;
	.expname {
		position: relative;
		padding-bottom: 5px;
		span {
			position: absolute;
			right: 0px;
			top: 0px;
		}
	}
	.boxShadow(0.05, 1px, 1px, 2px);
	#buttons {
		margin-top: 20px;
		border-top: 1px dashed #ccc;
		padding-top: 20px;
		text-align: center;
		.subtn {
			color: #555;
			border-radius: 5px;
			display: inline-block;
			border: 1px solid #aaa;
			padding: 3px 7px;
			margin: 0 5px;
		}
	}
}

.orderopt {
	position: relative;
	padding: 12px 15px;
	background-color: #fff;
	background: url(../images/icon/iconfont-right-40x.png) 97% center no-repeat #ffffff;
	background-image: -webkit-image-set(url(../images/icon/iconfont-right-40x.png) 1x, url(../images/icon/iconfont-right-80x.png) 2x);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
	background-size: 20px;
	font-size: 14px;
	height: 20px;
	margin-top: 15px;
	overflow: hidden;

	&.inp {
		background: #fff;
	}

	.label {
		position: absolute;
		left: 15px;
		z-index: 1;
	}
	.value {
		position: absolute;
		right: 40px;
		z-index: 1;
	}
	input#input-exptime {
		left: 0px;
		top: 0px;
		opacity: 0;
		position: absolute;
		width: 100%;
		height: 44px;
		z-index: 2;
		display: block;
		font-size: 14px;
		border: none;
		-webkit-appearance: none;
		outline: none;
	}
	input[type="text"] {
		left: 80px;
		right: 0px;
		top: 0px;
		position: absolute;
		width: auto;
		height: 43px;
		line-height: 44px;
		z-index: 2;
		display: block;
		font-size: 14px;
		border: none;
		-webkit-appearance: none;
		outline: none;
	}
}

// 微信支付按钮 小图标
#wechat-payment-btn b {
	height: 20px;
	width: 20px;
	display: inline-block;
	background: url(../images/wx-logo.png) center no-repeat;
	background-size: 20px;
	vertical-align:top;
	margin-right: 5px;
}